.top.box{
	height:220px;
	background:url(../img/top-bg.jpg);
	overflow:hidden;
}
.top.box .hd{
	height:170px;
}
.top.box .bd{
	height:50px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.top.box .bd .bg{
	height:50px;
	background:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.top.box .bd .image{
	width:110px;
	height:110px;
	position:absolute;
	bottom:1px;
	left:25px;
}
.top.box .detail{
	width:620px;
	height:80px;
	position:absolute;
	left:140px;
	bottom:0;
	
}
.top.box .detail .hd{
	height:30px;
	line-height:30px;
	font: 20px "MicroSoft YaHei","SimHei";
	color:#FFFFFF;
}
.top.box .detail .hd sub{	
	font-size:12px;
}
.top.box .detail .bd p{
	color:#FFF;
	font: 12px "MicroSoft YaHei","Arial";
}
.col-sub{
	background:#F4F4F4;
	min-height:500px;
}
.col-sub.user-nav{
	background:#fff;
}
.col-sub h3{
	padding-left:30px;
	font-family:"微软雅黑";
	color:#333333;
}
.col-sub ol{
	padding-left:30px;
	margin-top:10px;
}
.col-sub ol li{
	margin:3px;
}
.col-sub ol li a{
	font-size:14px;
	color:#666666;
	text-decoration:none;
}
.col-sub ol li a i{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.col-sub ol li a:hover{
	color:#333333;
}
.col-sub ol li a:hover i{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.form-horizontal .form-title{
	padding:0 20px;
	margin:auto;
	margin-bottom:20px;
	font-size:18px;
	height:32px;
	line-height:32px;
}

.user-nav .tl a{
	color:#333;
	font-size:22px;
	text-decoration:none;
	margin-left:15px;
}
.user-nav .img{
	text-align:center;
}
.user-nav .tongji{
	height:65px;
	width:160px;
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
	border-top:1px dotted #EFEFEF;
	border-bottom:1px dotted #EFEFEF;
}
.user-nav .tongji div{
	height:60px;
	width:53px;
	float:left;
}
.user-nav .tongji div p{
	background:none;
	text-align:center;
	margin:0;
}
.user-nav .tongji div p.t{
	height:40px;
	line-height:40px;
	font-size:24px;
	color:#333;
}
.user-nav .tongji div p.b{
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#333;
}
.user-nav ol{
	padding-left:25px;
}
.user-nav ol li{
	margin:10px 0px;
}
.user-nav .profile{
	width:160px;
	margin:10px auto 10px;
	text-align:left;
	color:#666666;
}
.user-nav .profile b{
	color:#333333;
}
.user-bd{
	padding:20px;
	
}
.user-bd .tl{
	height: auto;
}
.user-bd .tl.hd{
	height:64px;
}
.user-bd .tl h3{
	color: #333333;
    float: left;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    font-weight:normal;
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tohoma,sans-serif;
    border-bottom:1px solid #f5f5f5;
    width:100%;
    padding-bottom:6px;
    padding-left:12px;
    padding-right:12px;
}
.user-bd .tl h3 span{
	color:#999999;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
    margin-left: 10px;
}
.user-bd .tl h3 span i{
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.user-bd .tl h3 span i:hover{
	cursor:pointer;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
